<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <h1>表单</h1>
    <p>form表单
        常用属性
        action="uri"
        method="请求方式"请求方式常用有get、post 默认是get
        <form action="regUser">
            input标签type属性 默认是text

            <input type=""><!--文本输入框-->
            <input name="user">
            <!--提交按钮-->
            <input type="submit" value="提交">
        </form>

        <form action="">
            密码：<input type="password" name="pwd">
            <input type="submit" value="提交">
        </form>
       <h2>单选框</h2>
       <p>
        label :为input标签进行标注
        label标签的for属性与input的id属性要配合使用
        单选框 input的type='radio'
        常用属性：check为单属性 默认是选中状态
       </p>
        <form action="/reg">
            <label for="">性别</label>
            <label for="male">男</label>
            <input type="radio" name="gender" 
            value="male" id="male" checked>
            <label for="female">女</label>
            <input type="radio" name="gender" 
            value="female" id="female">
            <input type="submit" value="提交">
        </form>
    </p>
    <h3>多选框</h3>
    <form action="reg">
        <label>喜好</label>
        <label for="foot">足球</label>
        <input type="checkbox" id="foot" name="join" value="football">
        <label for="basket">篮球</label>
        <input type="checkbox" id="basket" name="join" value="basket">
        <label for="volley">排球</label>
        <input type="checkbox" id="volley" name="join" value="volley">
         <input type="submit" value="提交">
    </form>
    <h3>文本域</h3>
    <p>
        <form action="/reg">
        placeholder 属性：placehoder="提示词"
        <textarea placeholder="请输入内容" name="content" rows="10" cols="20"></textarea>
        <input type="submit" value="提交">
    </form>
    <h3>下拉菜单</h3>
    <p>
        fieldset标签：字段框  lengend标签：两者配合使用
        能够实现外边框效果 
    </p>
    <form action="/reg">
        <fieldset>
            <legend>下拉菜单</legend>
            <label for="con">国家</label>
            <select name="country" id="con">
                <option value="cn">中国</option>
                <option value="us">美国</option>
                <option value="en">英国</option>
                <option value="fr">法国</option>
                <option value="">俄罗斯</option>
            </select>
            <input type="submit" value="提交">
        </fieldset>
    </form>
    </p>
</body>
</html>